<extend name="ctps/index" />
<block name="denglu">
</block>
<block name="main">
			</div><!-- end #navbar-collapse-1 -->
            
			</nav><!-- end navbar navbar-default w3_megamenu -->
		</div><!-- end container -->
    
<!-- AddThis Smart Layers END -->

	
	<div class="m-single-article">
		<div class="article-left">
			<h3>Baahubali Trailer || Prabhas, Rana Daggubati, Anushka, Tamannaah || Bahubali Trailer <span> <i class="fa fa-heart"></i> 99%</span></h3>
			<p><a class="m-green" href="#">加入书架</a><a class="m-green" href="#">投推荐票</a><a class="m-orange" href="#">点击阅读</a></p>
			<div class="clearfix"></div>
			<div class="article-time-strip">
				<div class="article-time-strip-left">
					<p>更新时间 <span><i class="fa fa-clock-o"></i>2 hrs 30 mins </span>  &nbsp;&nbsp; 授权状态 <span><i class="fa fa-calendar"></i>A级签约</span></p>
				</div>
				<div class="clearfix"></div>
				<div class="article-img">
					<iframe src="https://www.youtube.com/embed/VdafjyFK3ko" frameborder="0" allowfullscreen></iframe>
				</div>
				<div class="review-info">
								<h6 class="span88">天影</h6>							
								<div class="clearfix"></div>
								<div class="yrw">
									<div class="dropdown-button">           			
										<select class="dropdown" tabindex="9" data-settings="{&quot;wrapperClass&quot;:&quot;flat&quot;}">
										<option value="0">Your rating</option>	
										<option value="1">1.Poor</option>
										<option value="2">1.5(Below average)</option>
										<option value="3">2.Average</option>
										<option value="4">2.5(Above average)</option>
										<option value="5">3.Watchable</option>
										<option value="6">3.5(Good)</option>
										<option value="7">4.5(Very good)</option>
										<option value="8">5.Outstanding</option>
									  </select>
									</div>
									<div class="rtm text-center">
										<a href="#">REVIEW THIS MOVIE</a>
									</div>
									<div class="clearfix"></div>
								</div>
								<p class="info"><strong>小说作者</strong>: &nbsp;萧鼎</p>
								<p class="info"><strong>小说类型</strong>: &nbsp;幻想修仙</p>
								<p class="info"><strong>总点击</strong>:&nbsp;&nbsp;5666453</p>
								<p class="info"><strong>总推荐</strong>:&nbsp;&nbsp;3563345</p>
							</div>
			</div>
		</div>
		<div class="article-right">
			<div class="grid_3 grid_5">
				   <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
			<ul id="myTab" class="nav nav-tabs">
			  <li class="active"><a href="#home">小说简介</a></li>
			</ul>
			<div id="myTabContent" class="tab-content">
			  <div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">				  
                 <p class="m-s-t">
　　阴阳分天地，五行定乾坤。 
    天穹之下岁月沧桑的中土神州，正是仙道昌盛的时代，亿万生灵欣欣向荣。 
    纵横千万里间，总有人间一幕幕悲欢离合，在恢弘长生的仙道中上演着。 
    有光便有暗，天穹之下光辉之中，仍有沉默的影子悄然前行着…… 
    新书上线！精彩万分！请各位书友多多投票支持！另外，大家可以添加微信公众号zhuxianxiaoding（诛仙萧鼎），QQ官方群 176378308 进行交流。</p>
				
				 <div class="clearfix"></div>
				  <a class="more-show-time" href="movie-select-show.html">打赏作品</a>
			  </div>
			  
			</div>
		   </div>
		  </div>
		</div>
		<div class="clearfix"></div>
	</div>
	<div class="reviews-tabs">
      <!-- Main component for a primary marketing message or call to action -->
      <ul class="nav nav-tabs responsive hidden-xs hidden-sm" id="myTab">
        <li><a class="deco-none active" href="#source">书评区</a></li>
      </ul>

      <div class="tab-content responsive hidden-xs hidden-sm">       
        <div class="tab-pane active" id="source">
		  <div class="response">
						<div class="media response-info">
							<div class="media-left response-text-left">
								<a href="#">
									<img class="media-object" src="images/icon1.png" alt="">
								</a>
								<h5><a href="#">Username</a></h5>
							</div>
							<div class="media-body response-text-right">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many variations of passages of Lorem Ipsum available, 
									sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
								<ul>
									<li>评论时间 21, 2015</li>
									<li><a href="single.html">回复</a></li>
								</ul>
							</div>
							<div class="clearfix"> </div>
						</div>	
				</div>
        </div>
      </div>		
	</div>
 <script src="js/responsive-tabs.js"></script>
    <script type="text/javascript">
      $( '#myTab a' ).click( function ( e ) {
        e.preventDefault();
        $( this ).tab( 'show' );
      } );

      $( '#moreTabs a' ).click( function ( e ) {
        e.preventDefault();
        $( this ).tab( 'show' );
      } );

      ( function( $ ) {
          // Test for making sure event are maintained
          $( '.js-alert-test' ).click( function () {
            alert( 'Button Clicked: Event was maintained' );
          } );
          fakewaffle.responsiveTabs( [ 'xs', 'sm' ] );
      } )( jQuery );

    </script>
 <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>
</block>